<!DOCTYPE html>
<html lang="en" ng-app='app'>
<head>
	<meta charset="UTF-8">
	<title>小藏家</title>
	 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no, email=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="js/base.css">
     <link rel="stylesheet" href="iconfont/iconfont.css">
    <script src="js/rem.js"></script>
    <script src="js/angular.js"></script>
    <script src="js/angular-ui-router.js"></script>
     <script src="js/zepto.min.js"></script>
</head>
<body ng-controller='myCtrl'>
<div class='content'>
 <ui-view></ui-view>
</div>
<footer>
	<a class="active" ui-sref="shouye.jptj">
		<i class="icon iconfont icon-fangzi"></i>
        <span>首页</span>
	</a>
	<a ui-sref="fenlei">
		<i class="icon iconfont icon-search"></i>
        <span>分类</span>
	</a>
	<a ui-sref="material">
		<i class="icon iconfont icon-wode"></i>
        <span>我的</span>
	</a>
</footer>
	 <script>
	 	var app=angular.module("app",["ui.router"]);
	 	app.controller('myCtrl',function($scope){
             $scope.init=function (){
                 $('.pull-down li').click(function (){
                     $(this).find($('.pull2-down')).toggle();
                 });
                 $(".titel-box a").click(function (){
                     var i=$(this).index();
                     $(".titel-box a:eq("+i+")").addClass("title-atv").siblings().removeClass("title-atv");
                 });
                 $(".move-box span").click(function (){
                     var i=$(this).index();
                     $(".move-box span:eq("+i+")").addClass("bottom-atv").siblings().removeClass("bottom-atv");
                 })
             }
	 	});

        app.config(function($stateProvider,$urlRouterProvider){
                $urlRouterProvider.otherwise('/jptj');
            $stateProvider
                .state('shouye',{
                    templateUrl:'html/shouye.html'
                })
                .state('fenlei',{
                    templateUrl:'html/fenlei.html'
                })
                .state('material',{
                    templateUrl:'html/material.html'
                })
                .state('shouye.jptj',{
                    url:'/jptj',
                    templateUrl:'html/jptj.html'
                })
                .state('shouye.strategy',{
                    url:'/strategy',
                    templateUrl:'html/strategy.html'
                })
        });







        $("footer a").click(function () {
        var i=$(this).index();
        $("footer a:eq("+i+")").addClass("active").siblings().removeClass("active");
    })
	 </script>
</body>
</html>